<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" >
    <style type="text/css">
        .form-group .form-control{
            width: 300px;
            display: inline;
            margin-left: 20px;
        }
    </style>
</head>
<body style="width: 500px;min-height: 200px; padding: 20px;" >
<div class="message"></div>
<h4>图片控制</h4>
<div class="btn-group">
    <button class="limit-img btn btn-info">500px限制</button>
    <button class="limit-img-restore btn">还原限制</button>
</div>
<div class="btn-group">
    <button class="remove-img btn btn-danger">隐藏图片</button>
    <button class="remove-img-restore btn">显示图片</button>
</div>
<hr />
<div id="main-area"></div>

<script type="text/html" id="login">
    用户名： <input type="text" name="username" placeholder="用户名" /> <br />
    密码: <input type="password" name="password" placeholder="密码" /><br />
    <button class="btn-login btn btn-primary">登陆</button>
</script>

<script type="text/html" id="bookmarks">
    <h4>书签管理</h4>
    <button class="btn btn-primary bookmark-bakup">备份</button>
    <button class="btn btn-danger bookmark-clear">恢复</button>
    <button class="btn btn-success bookmark-sync">同步</button>
    <button class="btn btn-logout">退出</button>
</script>

<script src="js/jquery-2.1.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/storage.js"></script>
<script src="js/popup.js"></script>
</body>
</html>